@charset "utf-8";
@function p($px){
    @return $px/2+px;
}
//主体内容
html,body{
    height: 100%;
}
.mobile{
    width: 100%;
    //尾部
    footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: p(100);
        border-top: p(2) solid #241f47;
        background: url(../img/footerBg.jpg);
        ul{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            li{
                width: p(100);
                height: p(70);
                text-align: center;
                >a{
                    display: inline-block;
                    width: p(46);
                    height: p(48);
                    overflow: hidden;
                    position: relative;
                    font-size: 0;
                    img{
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                    }
                }
                p{
                    font-size: p(24);
                    a{
                       color: black; 
                    }
                }
                //改变尾部字体颜色
                &:nth-of-type(1){
                    p{
                        a{
                            color: #fade5d;
                        }
                    }
                }
            }
        }
    }
}
